/* stylelint-disable selector-class-pattern */
@include b(checkin-column) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: getCssVar(grid-field-column, cell, padding);
  @include when(active) {
    color: getCssVar(color, primary, text);
    background-color: getCssVar(color, primary);
  }
  @include when(manual) {
    &::after {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      width: 0;
      height: 0;
      content: '';
      border-right: 10px solid getCssVar(color, primary);;
      border-bottom: 10px solid transparent;
    }
  }
  @include e(container) {
    padding: 0;
  }
  @include e(caption) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  @include e(tooltip) {
    display: flex;
  }
  @include e(tooltip-content) {
    margin-left: 8px;
    white-space: pre;
  }
}

@include b(checkin-column-popper) {
  &.el-popper.el-dropdown__popper {
    .el-scrollbar .el-dropdown__list {
      background-color: getCssVar(color, bg, 0);

      .el-dropdown-menu__item {
        color: getCssVar(color, text, 0);
        background-color: getCssVar(color, bg, 0);

        &.is-disabled {
          color: getCssVar(color, disabled, text);
          background-color: transparent;
        }

        &:hover {
          background-color: getCssVar(color, primary, light, default);
        }
      }
    }

    .el-dropdown-menu {
      background-color: var(--ibiz-color-bg-0);
    }
  }
}
